.g-header {
  border-radius: 0.2rem;
  border: 1px solid #ccc;
  margin: 0.2rem;
  background-color: #ccc;

  .g-header-icon {
    width: 40px;
    height: 40px;
    background-color: grey;
    margin-left: 0.2rem;
  }
  .g-header-message {
    border-radius: 0 0 0.2rem 0.2rem;
    background-color: white;
    color: grey;
    padding: 0.2rem;
    div:nth-child(1) {
      border-bottom: 1px solid #ccc;
      padding: 0.2rem;
      position: relative;
      p {
        display: inline-block;
        b {
          font-size: 0.5rem;
          color: black;
        }
      }
      span {
        position: absolute;
        right: 0;
        /deep/ .md-tag {
          border: none;
          .type-fill {
            background-color: #ccc;
          }
          .default {
            border: 1px solid grey;
            padding: .1rem;
          }
        }
      }
    }
    div:nth-child(2) {
      padding: 0.2rem;
      span b {
        color: black;
      }
    }
  }
}
.g-tab {
  /deep/ .is-active {
    color: red;
  }
}

// 列表区域
.g-list {
  display: none;
  border-top: 0.2rem solid #ccc;
  ul {
    li {
      padding: 0 0.2rem;
      border-bottom: 0.1rem solid #ccc;
      .g-list-date {
        padding: 0.2rem;
        color: grey;
        border-bottom: 1px solid #ccc;
      }
      span b {
        color: orange;
        font-size: 0.4rem;
      }
    }
  }
}
.isOnload {
  display: block;
}

// 按钮区域
.g-button {
  padding: 0.4rem 0.2rem 0.2rem 0.2rem;
}
